<template>
  <div class="help">
    <div class="help-title">帮助中心</div>
    <a-collapse v-model="activeKey">
      <a-collapse-panel
        :header="item.text"
        v-for="item in list"
        :key="item.key"
      >
        <p>{{ item.text }}</p>
      </a-collapse-panel>
    </a-collapse>

    <div class="tips-wrapper">
      如需要更多帮助请联系客服电话：{{ config.p_phone }}，或添加企业微信
      <img src="@/layouts/images/qrcode.png" />
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: [
        {
          key: "1",
          text: "如何注册成企业会员？"
        },
        {
          key: "2",
          text: "如何申请项目信用？"
        },
        {
          key: "3",
          text: "平台提供企业会员有哪些功能？"
        },
        {
          key: "4",
          text: "平台提供企业会员有哪些功能？"
        },
        {
          key: "5",
          text: "我们需要缴哪些交易费用吗？"
        }
      ],
      activeKey: []
    };
  },
  created() {
    if (this.$route.query.key) {
      this.activeKey.push(this.$route.query.key);
    }
  }
};
</script>

<style lang="less" scoped>
.help {
  background: @white;
  padding: 0 16px 16px;
  .help-title {
    font-weight: bold;
    font-size: 18px;
    padding: 16px 0 16px 0;
  }

  /deep/.ant-table table {
    border-radius: 0;
  }

  .tips-wrapper {
    display: flex;
    align-items: center;
    margin-top: 20px;

    img {
      width: 72px;
      margin-left: 10px;
    }
  }
}
</style>
